Creating Standard Vector Graphics With A Purpose
If we look at this code below,
<html>
<h1>My first SVG</h1>
<svg width="500" height="500">
<circle cx="250" cy="250" r="80" stroke="yellow" stroke-width="4" fill="green" />
</svg>
</body>
</html>
<svg width="500" height="500">
<circle cx="250" cy="250" r="80" stroke="yellow" stroke-width="4" fill="green" />
</svg>
</body>
</html>
You'll discover a very simple Vector graphic. Using this example will give you a basic understanding of what the <svg> is capable of producing.
Now, you'll have to tinker around quite a lot to get the SVG to look something like this prometheus pipe
Take notes from this man, who goes further into detail. When you're ready, you can apply for a SVG position here. It looks like this company is looking for a person who can create SVG glass pipe graphics. What a cool position, right?